<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>
  </title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="brujorojas">
  <!-- Le styles -->
  <link href="<?php echo base_url() ?>css/bootstrap.css" rel="stylesheet">

  <script src="<?php echo base_url() ?>js/jquery-1.8.3.js"></script>
  <script type="text/javascript" src="<?php echo base_url() ?>jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js"></script>
  <link rel="stylesheet" href="<?php echo base_url() ?>jquery-ui-1.9.2.custom/css/smoothness/jquery-ui-1.9.2.custom.min.css" />
  <style>
  body { 
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ 
  }
  .row-span9{
   position: relative;
 }
 #map_canvas{
  position: absolute;
  height: 90%;        
  padding: 0;
}
#search_map{
  margin-bottom: 7px;
}
#search_map input{
  margin-top: 8px;
}
</style>
<link href="<?php echo base_url() ?>css/bootstrap-responsive.css" rel="stylesheet">
<link href="<?php echo base_url() ?>css/style.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
      </script>
      <![endif]-->
      <!-- Le fav and touch icons -->
      <link rel="shortcut icon" href="<?php echo base_url() ?>ico/favicon.ico">
      <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo base_url() ?>ico/apple-touch-icon-144-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo base_url() ?>ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo base_url() ?>ico/apple-touch-icon-72-precomposed.png">
      <link rel="apple-touch-icon-precomposed" href="<?php echo base_url() ?>ico/apple-touch-icon-57-precomposed.png">
      <script type="text/javascript">
      $(document).ready(function(){

        $("#map_canvas").width($("#cont").innerWidth());
        initialize();
      });
      $(window).resize(function() {

        $("#map_canvas").width($("#cont").innerWidth());
      });

      </script>
    </head>
    <body>
      <?php $this->load->view("header"); ?>
      <div class="container-fluid">
        <div class="row-fluid">
          <div class="span3">
            <div class="well sidebar-nav">
              <a class="btn btn-large btn-block btn-primary" href="<?php echo base_url() ?>#">
                Publicar
              </a>
            </div>
          </div>
          <div class="span9">
            <div class="well sidebar-nav">

              <div class="form-search" id="search_map">
                <input type="text" class="input-block-level search-query" placeholder="buscar" id="input_buscar" name="input_buscar">
                <!-- <button type="submit" class="btn">Buscar</button>-->
                <span id="latitude"></span>
                <span id="longitude"></span>
              </div> 

            </div>
          </div>
          <div class="row-fluid">
            <div class="span12" id="cont">
              <div class="hero-unit"  id="map_canvas">
              </div>
            </div>
          </div>
        </div>
      </div>
      <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
      <script src="<?php echo base_url() ?>js/bootstrap.js">
      </script>
      <script type="text/javascript" src="<?php echo base_url() ?>js/map_search.js"></script>    
    </body>

    </html>